<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: "App",
  components: {},
  data() {
    return {};
  },
  created() {
    // 需要判断是否有token 没有直接跳转
    if (
      !localStorage.getItem('token') ||
      localStorage.getItem('token') === ""
    ) {
      this.$router.push("/login");
    }
  },
};
</script>
<style >
@import "assets/style/font/sourcefont.css";
</style>
<style>
body {
  margin: 0 !important;
  padding: 0 !important;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}
#app {
  width: 100%;
  height: 100%;
  background: #f0f2f5;
}
.el-table .el-table__header tr {
  padding: 0 !important;
  height: 40px !important;
  line-height: 40px !important;
}
.el-table .el-table__header th {
  padding: 0 !important;
  height: 40px !important;
  line-height: 40px !important;
}
.el-table .el-table__body-wrapper tr {
  padding: 0 !important;
  height: 40px !important;
  line-height: 40px !important;
}
.el-table .el-table__body-wrapper td {
  padding: 0 !important;
  height: 40px !important;
  line-height: 40px !important;
}
.el-table .el-table__body-wrapper td .cell {
  padding: 0 !important;
  height: 40px !important;
  line-height: 40px !important;
}
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 2px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
  background: #4c56bb;
 

}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
  border-radius: 10px;
  background: #ededed;
}
/* 鼠标移入时滚动条宽高变大 */
::-webkit-scrollbar-thumb:hover {
  background: hsla(0, 0%, 53%, 0.4);
}
/* 鼠标移入时滚动条宽高变大 */
::-webkit-scrollbar-track:hover {
  background: hsla(0, 0%, 53%, 0.1);
}
.mb-16{
  margin-bottom: 16px;
}
.mb-8{
  margin-bottom: 8px;
}
.full-width{
  width: 100%;
}

</style>
